<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions"
                xmlns:p="http://primefaces.org/ui">
<h:body>

	<ui:composition template="/template/common/commonLayout.xhtml">
    	<ui:define name="content">
    	 	<ui:include src="../template/common/wait.xhtml" /> 
    			<h:form>
    			<div id="filtroFrentes">
    			 	<h:panelGrid columns="2"  id="panelFiltroHerramienta" style="margin-left:10px; width: 510px; height: 50px; font-family: Arial, Verdana, sans-serif; font-size: 11px;">
    			 	  <h:outputText value="#{msg.ftNombre}"/>
    			 	  <h:inputText value="#{frentesTrabajoBean.nombreFilter}"/>  				      
    			 	</h:panelGrid>
	    			<div id="botonera">	    			
				     	<a4j:commandButton id="limpiarHerramienta" 
				     	      action="#{frentesTrabajoBean.limpiarFiltro}" 
				     	      render="panelFiltroHerramienta tableHerramientas"	                          
	                          value="#{msg.botonLimpiar}">                
	            		</a4j:commandButton>
				     	<a4j:commandButton id="filtrarHerramienta"	
				     	      execute="panelFiltroHerramienta"		     	      			     		  
				     	      render="tableHerramientas"
	                          value="#{msg.botonFiltrar}">                
	            		</a4j:commandButton>
	            		<a4j:commandButton id="crearHerramienta"
	            			render="formularioHerramientas"
	            			action="#{frentesTrabajoBean.nuevoFrente}"			     	      			     		  
			     	        oncomplete="#{rich:component('popupHerramientas')}.show();"
                            value="#{msg.botonCrear}">                
            		    </a4j:commandButton>	            	
				     </div>
    			 </div>    			
    			 <div id="listaFrentes">
			        <p:dataTable value="#{frentesTrabajoBean.listFrentes}"			         						
			                                var="frente" id="tableFrentes" 
			                                paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
                 							paginator="true" rows="5"
			                                style="text-align: center; height:200px; width:510px;" >
			            <f:facet name="header">
			                <h:outputText value="#{msg.ftTituloConsulta}"/>
			            </f:facet>			           
			            <p:column>
			                <f:facet name="header">
						        <h:outputText value="#{msg.ftColumnNombre}" />  
			                </f:facet>
			                <h:outputText value="#{frente.nombre}"/>
			            </p:column>			           
			            <p:column exportable="false">
			                <f:facet name="header">#{msg.columnEditar}</f:facet>
			                <a4j:commandLink oncomplete="#{rich:component('popupFrentes')}.show();"
			                	action="#{frentesTrabajoBean.editarFrente}" render="popupFrentes"> 			                	
			                	<a4j:param value="#{frente.idFrenteTrabajo}" assignTo="#{frentesTrabajoBean.idFrente}"></a4j:param> 
 								<h:graphicImage value="../resources/img/edit.png" />								  
 							</a4j:commandLink> 
			            </p:column>
			            <p:column exportable="false">
			                <f:facet name="header">#{msg.columnEliminar}</f:facet>
			                <a4j:commandLink 			                        
			                	onclick="#{rich:component('popupFrentesEliminar')}.show();">
			                	<a4j:param value="#{frente.idFrenteTrabajo}" assignTo="#{frentesTrabajoBean.idFrente}"></a4j:param> 
 								<h:graphicImage value="../resources/img/eliminar.gif" />								  
 							</a4j:commandLink>
			            </p:column>		           
			        </p:dataTable>
			        <h:panelGrid columns="4">	
			        			<h:commandLink>
					            	<h:graphicImage alt="PNG" url="../resources/img/excel.png"/>
					                <p:dataExporter type="xls" target="tableFrentes" fileName="frentesTrabajo" />
					            </h:commandLink>
					 
					            <h:commandLink>
					                 <h:graphicImage alt="PNG" url="../resources/img/pdf.png"/>
					                <p:dataExporter type="pdf" target="tableFrentes" fileName="frentesTrabajo"/>
					            </h:commandLink>
					 
					            <h:commandLink>
					            	<h:graphicImage alt="PNG" url="../resources/img/csv.png"/>
					                <p:dataExporter type="csv" target="tableFrentes" fileName="frentesTrabajo" />
					            </h:commandLink>
					 
					            <h:commandLink>
					            	<h:graphicImage alt="PNG" url="../resources/img/xml.png"/>
					                <p:dataExporter type="xml" target="tableFrentes" fileName="frentesTrabajo" />
					   			 </h:commandLink>
					</h:panelGrid>
			        <rich:messages />
			     </div>
			     
			    </h:form>
			    
			    
			    <rich:popupPanel id="popupFrentes" height="100" width="500">
			        <f:facet name="header">
			            <h:outputText value="#{msg.ftTituloCrearEditar}" />
			        </f:facet>
			        <f:facet name="controls">
			            <a4j:commandLink value="X" onclick="#{rich:component('popupFrentes')}.hide();">
			                
			            </a4j:commandLink>
			        </f:facet>		   
			        <h:panelGroup>
			        	<ui:include src="/cmaqpages/frentesTrabajoAlta.xhtml" />
			        </h:panelGroup>
			        			             
   		 		</rich:popupPanel>
   		 		
	   		 		<rich:popupPanel id="popupFrentesEliminar" height="100" width="300">
				        <f:facet name="header">
				            <h:outputText value="#{msg.ftTituloEliminar}" />
				        </f:facet>
				        <f:facet name="controls">
				            <a4j:commandLink value="X" onclick="#{rich:component('popupFrentesEliminar')}.hide();">
				                
				            </a4j:commandLink>
				        </f:facet>		   
				        
				        <h:outputText value="#{msg.ftEliminar}"></h:outputText>
				        <h:panelGrid columns="2">			        	
				        	<a4j:commandButton value="Cancelar"		                        
				                		onclick="#{rich:component('popupFrentesEliminar')}.hide(); return false;"> 			                																  
	 						</a4j:commandButton>
	 						<a4j:commandButton action="#{frentesTrabajoBean.eliminarFrente}" execute="@this"	value="Aceptar"		                        
				                       oncomplete="#{rich:component('popupFrentesEliminar')}.hide(); return false;"> 
	 						</a4j:commandButton>
				        </h:panelGrid>
				             
	   		 		</rich:popupPanel>
   		 
    		</ui:define>  		
   	</ui:composition>
</h:body>
</html>
